<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
>

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>普惠商城-个人中心-资产中心-我的余额-余额提现</title>
	<link rel="stylesheet" href="css/common.css">
	<!-- 个人中心通用样式personal.css -->
	<link rel="stylesheet" href="css/personal.css">
	<link rel="stylesheet" href="css/personal-notice.css">
	<link rel="stylesheet" href="css/paging.css">
	<link rel="stylesheet" href="css/personal-order-Line.css">
	<link rel="stylesheet" href="css/personal-realname.css">
	<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
	<style type="text/css">
	th,td{
		text-align: left!important;
		widows: 160px!important;
		padding-left: 10px;
	}
	.LineTitle .Line_on {
    color: #3f3f3f;
    border-bottom: none;
	
	}
	.integral{
		text-align: left!important;
		color:#cd5041!important;
		width: 75px!important;
	}
	.LT1{
		height: 108px!important;
		line-height: 20px!important;
		
	}
	.LT1 p{
		min-width:700px;
	height:12px;font-size: 12px;
		color: #3f3f3f;
		margin-top: 20px;
		margin-left: 17px;}
	.lt2{
		border-bottom: 1px solid #f0f0f0;	
	}

	.LineTitle a{
		width: 98px;
		height: 38px;
		border:1px solid #cecece;
		border-radius: 4px; 
		display: block;
		color: #3f3f3f;
		text-align: center;
		line-height: 38px;
		float: right;
		margin-top: 19px;
		margin-right: 39px;
		background: #fafafa;
		font-size: 14px;
	}
	.LineTitle a:after{
		   content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;
	}
	.pb1{
		
		min-height: 88px!important;
	}
	.disabled{
		background: #f8f8f8!important;
	}
	</style>
</head>
<body>
	
	<!-- 顶部导航条开始 -->
	<div class="puhuishopping_common_titlelink" id="puhuishopping_common_titlelink">
		<!-- 导航条左部 -->
		<div class="centerbody">
			<div class="title_left">
				<a href="普惠商城-商城首页.html" class="puhuishopping_common_city" id="puhuishopping_common_city">返回普惠商城首页</a>
				<!-- <div class='citylist' id='citylist'></div> -->
			</div>	
		<!-- 导航条右部 -->
				<!-- 已登录 -->
			<div class="title_right">
				您好&nbsp;&nbsp;,&nbsp;<a href="普惠商城-商城首页-登录页面.html" class="puhuishopping_common_login" id="puhuishopping_common_login">请登录</a>
				<a href="普惠商城-商城首页-注册页面.html" class="puhuishopping_common_hyzc">会员注册</a>
				<a href="普惠商城-个人中心-订单中心-线上订单.html" class="puhuishopping_common_wddd">我的订单</a>
				<a href="javascript:void(0);" class="puhuishopping_common_ydsc">移动商城</a>
				<div style="clear: both"></div>
			</div>
			<!-- 未登录 -->
			<!-- 	<div class="title_right">
                    您好&nbsp;&nbsp;,&nbsp;<a href="普惠商城-个人中心.html" class="puhuishopping_common_login" id="puhuishopping_common_login">普惠会员</a>
                    <a href="#" class="puhuishopping_common_hyzc">[退出]</a>
                    <a href="普惠商城-个人中心-订单中心-线上订单.html" class="puhuishopping_common_wddd">我的订单</a>
                    <a href="javascript:void(0);" class="puhuishopping_common_ydsc">移动商城</a>
                    <div style="clear: both"></div>
                </div> -->
		</div>	
	</div>
	<!-- 顶部导航条结束 -->
	<!-- 顶部搜索栏部分开始 -->
	<div class="personal_box_tit">
		<div class="centerbody">
			<img src="images/普惠logo最终版白色.png" alt="" class="logo3">
			<a href="普惠商城-个人中心.html" class="personal_box_tit_link ">会员首页
				<span></span>
			</a>
			<a href="普惠商城-个人中心-资产中心-我的积分.html" class="personal_box_tit_link">我的积分
			<span></span></a>
			<a href="普惠商城-个人中心-资产中心-我的余额.html" class="personal_box_tit_link banner_choose">我的余额
				<span></span></a>
			<div class="my_shoplist_box">
				<input type="button" class="my_shoplist" id="my_shoplist" value="我的购物车">
				<img src="images/0.png" alt="" class="num_ico">	
			</div>
			<div class="searchbox">
				<input type="text" class="searchtxt" placeholder="请输入搜索的内容"><input type="button" class="searchbtn" value="搜索">
			</div>
		
			<div style="clear: both"></div>
		</div>
	</div>
	<!--个人中心中间主体框架  -->
	<div class="centerbody personal_middle">
		<!-- 左侧通用导航栏 -->
		<div class="personal_middle_nav">
			<ul>
				<li>账户设置</li>
				<li><a href="普惠商城-个人中心_帐户设置_个人信息.html">个人信息</a></li>
				<li><a href="普惠商城-个人中心-账户设置-收货地址.html">收货地址</a></li>
				<li><a href="普惠商城-个人中心-账户设置-账户安全.html">账户安全</a></li>
				<li><a href="普惠商城-个人中心-账户设置-我的银行卡.html">我的银行卡</a></li>
			</ul>
			<ul>
				<li>资产中心</li>
				<li><a href="普惠商城-个人中心-资产中心-我的余额.html" class="linked">我的余额</a></li>
				<li><a href="普惠商城-个人中心-资产中心-我的积分.html">我的积分</a></li>
			</ul>
			<ul>
				<li>订单中心</li>
				<li><a href="普惠商城-个人中心-订单中心-线上订单.html">线上订单</a></li>
				<li><a href="普惠商城-个人中心-订单中心-线下订单.html">线下订单</a></li>
			</ul>
			<ul>
				<li>推广中心</li>
				<li><a href="普惠商城-个人中心-推广中心-我是推荐人.html">我是推荐人</a></li>
				<li><a href="普惠商城-个人中心-推广中心-我是推广师.html">我是推广师</a></li>
			</ul>
		</div>
		<div class="personal_middle_main">
			<div class="personal_middle_main_tit">
				<span>资产中心</span>><span>我的余额</span>><span>提现</span>
			</div>
			<div data-role="page">
        		<div data-role = "content-floud">
					<div class="publicBox pb1">
						<div class="LineTitle clear LT1">
						<p style="font-weight: bold;">余额提现说明</p>
						<p>1.提现文案</p>
						<p>2.提现文案</p>
						</div>
					</div>
				</div>
			</div>
			<div data-role="page">
        		<div data-role = "content-floud">
					<div class="publicBox">
						<div class="LineTitle clear lt2"><span>余额提现</span></div>
							<div class="realName pad_20">
								<p class="realNameForm"><label>账户名称：</label><input type="text" value="" placeholder="自动获取" disabled="disabled" class="disabled"></p>
								<p class="realNameForm"><label>银行卡号：</label><input type="text" value="" placeholder="自动获取" disabled="disabled" class="disabled"></p>
								<p class="realNameForm"><label>提现余额：</label><input type="text" value="" placeholder="请输入要提现的余额	"><span style="margin-left:20px">账户余额：</span><span style="color:#cd5242">¥10000</span></p>
								<p class="realNameForm"><label>支付密码：</label><input type="password" value="" placeholder="请输入6位数支付密码	"><a href="普惠商城-商城首页-登录页面-找回密码.html" style="margin-left:20px;color:#48aafd;">忘记密码？</a></p>
								<p class="realNameBut"><button>确认提现</button></p>

							</div><!--LineConf-->

					</div><!--线下订单-->
				</div>
   			 </div>
			<!-- 全部订单 -->
			
		</div>
		<div style="clear:both;"></div>
	</div>
<!-- 页面底部 -->
	<div class="foot-banner" style="margin-top: 0;">
		<div class="mod_help_list">
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">帮助中心</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">购物中心</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">配送中心</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">支付中心</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">常见问题</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">售后服务</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">退换货政策</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">退换货流程</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">关于我们</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">公司介绍</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">普惠商城简介</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">联系客服</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">支付方式</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">微信支付</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">支付宝支付</a></li>

					</ul>
			</div>
		</div>	
		<div class="copyright">
			<p>©2016北京普惠联盟商贸有限公司 puhui315.com 京ICP证070791号|京ICP备10211739号|电子公告服务规则</p>
			<p>电子商务经营许可证(京)字第03889号</p>
			<p>京公网安备11010502025545号</p>
			<p style="height: 34px;width:350px;margin:17px auto 25px">
			<a href="javascript:void(0);" class="outlink link-space"><img src="images/foot-1.png" alt=""></a>
			<a href="javascript:void(0);" class="outlink link-space"><img src="images/foot-2.png" alt=""></a>
			<a href="javascript:void(0);" class="outlink"><img src="images/foot-3.png" alt=""></a>
			</p>
		</div>

	</div>

</body>
<script th:inline="javascript">
	$(function(){
		$('span').eq(2).css('display','block');
		$('a.personal_box_tit_link').hover(function(){
			$(this).find('span').css('display','block');
			$(this).siblings().find('span').css('display','none');
			$(this).addClass('banner_choose').siblings().removeClass('banner_choose');
		},function(){
			$(this).find('span').css('display','none');
			$(this).find('span').eq(0).css('display','block');
		})
		/*tab标签切换*/
    function tabs(tabTit,on,tabCon){
        $(tabCon).each(function(){
            $(this).children().eq(0).show();
        });
        $(tabTit).each(function(){
            $(this).children().eq(0).addClass(on);
        });
        $(tabTit).children().click(function(){
            $(this).addClass(on).siblings().removeClass(on);
            var index = $(tabTit).children().index(this);
            $(tabCon).children().eq(index).show().siblings().hide();
        });
    }
    tabs(".LineTitle","Line_on",".LineCon");
	})
	</script>
</html>